Questions
2 of 17
1What are different form elements in HTML ?
2What is the role of the <label> tag in forms ?
3What does name attribute do in an input field ?
4Explain method="GET" vs method="POST" in forms ?
5What is the purpose of action in form?
6What is native form validation in HTML?
7How do you make an input field required?
8How do you limit input length in a form?
9How to restrict a field to accept only numbers?
10What does the pattern attribute do?
11What is the placeholder attribute?
12What is the use of autocomplete?
13How do you build a multi-step form with native HTML?
14How can you capture file uploads with HTML?
15What are fieldsets and legends in forms?
16How do you associate multiple labels with one input?
17What is the difference between disabled and readonly?
HTMLHTML
Basics
Common Tags
Attributes and Elements
Lists
Text tags and Formatting
Input and Forms
Block and Inline Elements
Box model
Semantic Tags
Links and Images
Media and Embeds
Tables
HTML entities
HTML and CSS
Performance
SEO
Progressive Enhancement
HTML5
Custom Elements & Web Components
HTML5 APIs
SPAs
WCAG
Security
Best Practices
02 / 17

What is the role of the <label> tag in forms ?

The <label> tag in HTML is used to define a label for form elements like <input>, <textarea>, and <select>. It improves accessibility and usability by making forms easier to understand and interact with. When a label is clicked, it automatically focuses or activates the associated form element.

Key Points About <label>
  1. 1

    It describes the purpose of a form element.

  2. 2

    The 'for' attribute links the label to a specific input by matching the input's 'id'.

  3. 3

    Clicking the label focuses the corresponding input, improving user experience.

  4. 4

    It is especially important for screen readers, enhancing accessibility.

Example of <label> Usage